import { Table, Button } from 'antd';

const aa = {
    columns: [
        {
            title: '报修人',
            dataIndex: 'name',
            key: 'name',
        },
        {
            title: '报修人手机号',
            dataIndex: 'tel',
            key: 'tel',
        },
        {
            title: '保修位置',
            dataIndex: 'address',
            key: 'address',
        },
        {
            title: '保修类型',
            dataIndex: 'type',
            key: 'type',
        },
        {
            title: '保修内容',
            dataIndex: 'cont',
            key: 'cont',
        },
        {
            title: '保修日期',
            dataIndex: 'date',
            key: 'date',
        },
        {
            title: '维修人',
            key: 'bro',
            dataIndex: 'bro',
        },
        {
            title: '处理状态',
            key: 'state',
            dataIndex: 'state'
        },
    ],
    data1: [
        {
            key: '1',
            name: '张三',
            tel: 18888888888,
            address: '租用区域',
            type: '灯具电路',
            cont: '漏水',
            date: '2018-12-31 15:32',
            bro: '李师傅',
            state: '解决中'
        },
        {
            key: '1',
            name: '张三',
            tel: 18888888888,
            address: '租用区域',
            type: '灯具电路',
            cont: '漏水',
            date: '2018-12-31 15:32',
            bro: '李师傅',
            state: '解决中'
        },
        {
            key: '1',
            name: '张三',
            tel: 18888888888,
            address: '租用区域',
            type: '灯具电路',
            cont: '漏水',
            date: '2018-12-31 15:32',
            bro: '李师傅',
            state: '解决中'
        },
    ],
    columns1: [
        {
            title: '楼宇',
            dataIndex: 'louyu',
            key: 'louyu',
        },
        {
            title: '楼层',
            dataIndex: 'louceng',
            key: 'louceng',
        },
        {
            title: '租住空间',
            dataIndex: 'spacework',
            key: 'spacework',
        },
        {
            title: '租期开始日',
            dataIndex: 'start',
            key: 'start',
        },
        {
            title: '租期结束日',
            dataIndex: 'end',
            key: 'end',
        },
        {
            title: '租住状态',
            dataIndex: 'state',
            key: 'state',
        },
    ],
    data2: [
        {
            key: '1',
            louyu: '骏豪中央公园广场A座',
            louceng: '3层',
            spacework: '302',
            start: '2019-01-02',
            end: '2020-09-20',
            state: '租期未开始'
        },
        {
            key: '2',
            louyu: '骏豪中央公园广场A座',
            louceng: '3层',
            spacework: '302',
            start: '2019-01-02',
            end: '2020-09-20',
            state: '租期未开始'
        },
        {
            key: '3',
            louyu: '骏豪中央公园广场A座',
            louceng: '3层',
            spacework: '302',
            start: '2019-01-02',
            end: '2020-09-20',
            state: '租期未开始'
        },

    ],
    columns2: [
        {
            title: '租约编号',
            dataIndex: 'bianhao',
            key: 'bianhao',
        },
        {
            title: '租约类型',
            dataIndex: 'type',
            key: 'type',
        },
        {
            title: '租凭空间',
            dataIndex: 'spacework',
            key: 'spacework',
        },
        {
            title: '租期',
            dataIndex: 'week',
            key: 'week',
        },
        {
            title: '租约状态',
            dataIndex: 'state',
            key: 'state',
        },
        {
            title: '招商负责人',
            dataIndex: 'person',
            key: 'person',
        },
    ],
    data3: [
        {
            key: '1',
            bianhao: 'ZY201909231532',
            type: '续租',
            spacework: '骏豪中央广场A座3层-302',
            week: '2019-01-02至2010-09-20',
            state: '未开始',
            person: '张三'
        },
        {
            key: '1',
            bianhao: 'ZY201909231532',
            type: '续租',
            spacework: '骏豪中央广场A座3层-302',
            week: '2019-01-02至2010-09-20',
            state: '未开始',
            person: '张三'
        },
        {
            key: '1',
            bianhao: 'ZY201909231532',
            type: '续租',
            spacework: '骏豪中央广场A座3层-302',
            week: '2019-01-02至2010-09-20',
            state: '未开始',
            person: '张三'
        },
        {
            key: '1',
            bianhao: 'ZY201909231532',
            type: '续租',
            spacework: '骏豪中央广场A座3层-302',
            week: '2019-01-02至2010-09-20',
            state: '未开始',
            person: '张三'
        },
    ]
}
const items = [
    {
        key: '1',
        label: '客户资料',
        children: <div className='one'>
            <div>
                <span>基础资料</span>
                <i>编辑</i>
            </div>
            <div>
                <div>
                    <div>
                        <span>客户类型</span>
                        <p>企业</p>
                    </div>
                    <div>
                        <span>行业</span>
                        <p>软件开发</p>
                    </div>
                </div>
                <div>
                    <div>
                        <span>人员规模</span>
                        <p>150-500人</p>
                    </div>

                </div>

            </div>
            <div>
                <span>签约联系人</span>
                <i>编辑</i>
            </div>
            <div>
                <div>
                    <div>
                        <span>姓名</span>
                        <p>张三丰</p>
                    </div>
                    <div>
                        <span>手机号</span>
                        <p>+86 18888888888</p>
                    </div>
                </div>
                <div>
                    <div>
                        <span>职务</span>
                        <p>董事长</p>
                    </div>
                    <div>
                        <span>邮箱</span>
                        <p>xxx@qq.com</p>
                    </div>

                </div>

            </div>

            <div>
                <span>租期管理员</span>
                <i>编辑</i>
            </div>
            <div>
                <div>
                    <div>
                        <span>姓名</span>
                        <p>李四</p>
                    </div>
                    <div>
                        <span>邮箱</span>
                        <p>xxx@qq.com</p>
                    </div>
                </div>
                <div>
                    <div>
                        <span>证件号</span>
                        <p>-</p>
                    </div>
                    <div>
                        <span>手机号</span>
                        <p>+86 18888888888</p>
                    </div>

                </div>

            </div>


            <div>
                <span>发票信息</span>
                <i>编辑</i>
            </div>
            <div>
                <div>
                    <div>
                        <span>发票类型</span>
                        <p>企业</p>
                    </div>
                    <div>
                        <span>发票抬头</span>
                        <p>氪空间(北京)信息技术有限公司</p>
                    </div>
                </div>
                <div>
                    <div>
                        <span>纳税人识别号</span>
                        <p>91110 10000  00000 000</p>
                    </div>
                    <div>
                        <span>电话号码</span>
                        <p>010-5100000</p>
                    </div>

                </div>

            </div>
        </div>
    },
    {
        key: '2',
        label: '租约',
        children: <Table columns={aa.columns2} dataSource={aa.data3} className='tab2' />,
    },
    {
        key: '3',
        label: '租期',
        children: <div className='three'>
            <div>
                <Button type='primary' style={{ background: '#8479E3', width: '68px', height: '32px' }}>+新租</Button>
                <span style={{ fontSize: '14px', color: '#9483FB' }}>租期变动明细</span>
            </div>
            <Table columns={aa.columns1} dataSource={aa.data2} className='tab3' />

        </div>
    },
    {
        key: '4',
        label: '账单',
        children: <div className='six'>
            <img src={require('../../../static/images/wt.png')} alt="" />
            <span>即将上线</span>
        </div>
    },
    {
        key: '5',
        label: '报修',
        children: <Table columns={aa.columns} dataSource={aa.data1} className='tab111' />
    },
    {
        key: '6',
        label: '访客',
        children: <div className='six'>
            <img src={require('../../../static/images/wt.png')} alt="" />
            <span>即将上线</span>
        </div>
    },
]
export default items;